<template>
  <div>
    <van-tabs v-model="activeIndex">
      <van-tab replace to="/account/profile" title="个人资料"></van-tab>
      <van-tab replace to="/account/setting" title="账号设置"></van-tab>
    </van-tabs>
    <router-view></router-view>
    <van-tabbar route>
      <van-tabbar-item replace to="/index" icon="home-o">首页</van-tabbar-item>
      <van-tabbar-item replace to="/account" icon="friends-o">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
import $ from 'jquery'
import {PageHeader, PageFooter} from "../../components/common";
import {mapGetters} from 'vuex'

export default {
  name: "Account",
  data(){
    return {
      activeIndex:0
    }

  },
  components: {PageHeader, PageFooter},
  computed: {
    ...mapGetters(['userInfo']),
  },
  mounted() {
    let bodyHeight = $(document).height()-100
    $('.grzx_cen').css('min-height',bodyHeight)
  },
};
</script>

<style scoped>
/* @import 引入仍为全局样式 */
@import "../../assets/css/style.css";
</style>
